<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>小码哥桌面</title>
    <link href="css/index.css" rel="stylesheet">
    <link href="bootsrap/css/bootstrap.min.css" rel="stylesheet">
</head>
<body>
    <!--头部-->
    <div id="header">

     <ul class="header-left">
                <li class="glyphicon glyphicon-apple"></li>
                <li>WebStom</li>
                <li>文件</li>
                <li>编辑</li>
                <li>显示</li>
                <li>前往</li>
                <li>帮助</li>


        </ul>
        <ul class="header-right">
            <li class="glyphicon glyphicon-volume-up"></li>
            <li class="glyphicon glyphicon-align-left"></li>
            <li class="glyphicon glyphicon-question-sign"></li>
            <li class="glyphicon glyphicon-leaf"></li>



        </ul>

    </div>

    <!--中间内容-->

    <div id="body">
        <div class="file">
            <img src="images/file.png">
            <p>我的作品</p>
        </div>
        <div class="file">
            <img src="images/file.png">
            <p>我的作品</p>
        </div>
        <div class="file">
            <img src="images/file.png">
            <p>你懂的</p>
        </div>
    </div>

<!--尾部内容-->
    <div id="footer">
        <div class="dock">
            <ul>
                <li><a href="#"><img src="images/linkedin-icon.png"></a></li>
                <li><a href="#"><img src="images/notable-icon.png"></a></li>
                <li><a href="#"><img src="images/lastfm-icon.png"></a></li>
                <li><a href="#"><img src="images/facebook-icon.png"></a></li>
                <li><a href="#"><img src="images/google-icon.png"></a></li>
                <li><a href="#"><img src="images/google-icon.png"></a></li>
                <li><a href="#"><img src="images/notable-icon.png"></a></li>
                <li><a href="#"><img src="images/lastfm-icon.png"></a></li>
                <li><a href="#"><img src="images/facebook-icon.png"></a></li>
                <li><a href="#"><img src="images/google-icon.png"></a></li>

            </ul>

        </div>

    </div>
</body>
</html>